<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head th:include="base/base::head('菜单管理',~{::link},~{::script},~{::style})">

        <link rel="stylesheet" th:href="${session.basePath}+'/resource/imp/system/css/menuMgr.css'"/>
        <script type="text/javascript" th:src="${session.basePath}+'/resource/imp/system/js/menuMgr.js'" charset="utf-8"></script>

        <style type="text/css">
            body {
                padding: 20px;
                margin: 0;
            }

            #accordion1 {
                width: 240px;
                overflow: hidden;
                margin-left: 50px;
                display: inline;
            }

            #div_property {
                width: 280px;
                overflow: hidden;
                margin-left:30px;
            }

            .msg {
                position: absolute;
                border-width: 1px;
                width:auto;
                font-size: 12px;
                background-color:#DCE6F4;
            }
        </style>

    </head>
    <body>

        <div class="mainContent">

            <div class="leftContent" >
                <div title="系统菜单设计器">
                    <ul id="sysmenus" class="ztree"></ul>
                </div>
            </div>
            <div  class="rightContent">
                <table>
                    <tr>
                        <td class="label">菜单id：</td>
                        <td><input id="mid" type="text" style="width: 190px"
                                   readonly="readonly" /></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="label">父节点id：</td>
                        <td><input id="mpid" type="text" style="width: 190px"
                                   readonly="readonly" /></td>
                        <td></td>
                    </tr>
                    <!-- <tr>
                        <td>菜单编号:</td>
                        <td><input id="mno" type="text" style="width: 190px" /></td>
                    </tr> -->
                    <tr>
                        <td class="label">菜单名：</td>
                        <td><input id="mname" type="text" style="width: 190px" /></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td class="label">链接地址：</td>
                        <td><input id="murl" type="text" style="width: 190px" /></td>
                        <td></td>
                    </tr>

                    <form  target="uploadIcoResult" enctype="multipart/form-data" id="uploadIcoForm" action="<%=path%>/pages/wdfUpload.wdf?mtIcoFile_size=16x16&mtIcoFile_isZoom=1&fileSavePath=resource/ico/menuico" method="post">
                        <tr style="display:none;">
                            <td class="label">&nbsp;&nbsp;图标:</td>
                            <td><input name="mtIcoFile" id="mtIcoFile" type="file" style="width: 190px"/></td>
                            <td></td>
                        </tr>
                        <tr style="display:none;">
                            <td class="label">上传进度：</td>
                            <td><div id="progressbar" style='height:10px'>
                            </div><input type='hidden' id='icoUrl'/><span id='progressValue' style='float:left;'></span>
                            </td>
                            <td></td>
                        </tr>
                        <tr style="display:none;">
                            <td colspan="3">
                                <a id="uploadIcoBtn" class="button"/>上传图标</a>
                                <a id="cleanIcoBtn"  class="button"/>清空图标</a>
                            </td>
                            <td></td>
                        </tr>
                    </form>

                    <tr>
                        <td class="label">序列：</td>
                        <td><input id="morderno" type="text" style="width: 190px" /></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="label">描述：</td>
                        <td><textarea style="width:188px;height:100px"  id="mdescription"></textarea>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td style="padding-top:10px" colspan="3"><a id="updateMenu" class="button"
                                                                    title="更新"  onclick="updateMenu()" >更新</a><a id="testMenu" class="button"
                                                                                                                 title="测试链接"  onclick="testMenu(this)" >测试链接</a>
                            <a id="updateMenus" class="button"
                               title="刷新"  onclick="updateMenus()" >刷新</a></td>

                    </tr>
                </table></div></div>

        <div title="操作" style="padding: 10px"></div>

        <input type="hidden" id="errorImg" value="<%=path%>/jsframwork/privatejs/error02.gif"/>

        <iframe name="uploadIcoResult" style="display:none"></iframe>

        <!-- 图标列表 -->
        <div id="listIcoDialog" style="padding:0px;display:none;" >
            <div style="overflow-y:auto;height:400px;" id="scrollDiv"><table id="listIcoTable"></table></div>
        </div>

        <div id="testMsg"></div>

        <div id="menuIcosPanel" class="wdfPanel">
            <div class="listContent">
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="splitLine"></div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="splitLine"></div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="splitLine"></div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="splitLine"></div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="ico">
                </div>
                <div class="splitLine"></div>
            </div>

            <div class="pageContent">
                <div class="prev"></div><div class="pageInfo">12/23</div><div class="next"></div>
            </div>
        </div>
    </body>
</html>